<link rel="stylesheet" href="{{URL::asset('./css/liMarquee.css')}}">
<link rel="stylesheet" href="{{URL::asset('./css/index.css')}}">

@extends('home.layout.base')

@section('content')
<div class="main" >
    <div id="app" v-cloak style="background:#fff">
        <div class="navigation">
            <div class="navigation_content">
                <div class="navigation_supplier">
                    <img src="{{URL::asset('./img/index/menu.png')}}">
                    <span>供应商分类</span>
                </div>
                <div class="navigation_supplierList">
                    <span class="active"><a href="{{route('home.index.index') }}?select=1">首页</a></span>
                    <span><a href="{{route('home.store.storeList') }}?select=1">供应商</a></span>
                    <span><a href="{{route('home.activity.actCate') }}?select=2"> 活动/会议/培训</a></span>
                    <span><a href="{{route('home.goods.goodsCate') }}?select=3">商品</a></span>
                    <span><a href="{{route('home.word.wordCate') }}?select=4">文档下载</a></span>
                    <span><a href="{{route('home.demand.demandList') }}?select=5">需求市场</a></span>
                    <span><a href="{{route('home.news.news') }}?select=6">新闻资讯
                        </a></span>
                    <!-- <span v-for="item in tabData" :key="item.id"><a :href="item.link"> @{{item.title}}</a></span> -->
                </div>
            </div>
        </div>
        <div class="app">
            <div class="swiperLIst">
                <div @mouseleave="hideDetail2()" class="listMenu" >
                    <p v-for="(items,index) in listMenu" @mouseleave.stop="hideDetail(items)"  @mouseenter="childDetail(items)" @click="window.location.href = '{{ route('home.store.storeList') }}?cid='+items.id">
                        <img :src="items.before_icon" v-show="items.imgShow" alt="">
                        <img :src="items.after_icon" v-show="!items.imgShow" alt="">
                        <span>@{{items.name}}</span>
                    </p>
                    <div class="listMenu_child">
                        <div class="listMenu_child_left">
                            <div class="child_left">
                                <span>
                                    <i></i>
                                </span>
                                <span class="child_left_cont">
                                    <header>@{{listMenuTitle.name}}</header>
                                    <div>
                                        <span :class="{active:ix==0}" v-for="(item,ix) in listMenuChild" @click="window.location.href = '{{ route('home.store.storeList') }}?cid='+listMenuTitle.id+'&cid_id='+item.id">@{{item.name}}</span>
                                    </div>
                                </span>
                            </div>
                        </div>
                        <div class="listMenu_child_right">
                            <div class="childTitle">
                                <div>推荐商家</div>
                                <span v-if="listMenuChildStore.current_page>5">
                                    <img src="{{URL::asset('./img/index/childTitleLeft.png')}}" />
                                    <img src="{{URL::asset('./img/index/childTitleRight.png')}}" />
                                </span>
                            </div>
                            <div class="childAdvCont">
                                <div v-for="item in listMenuChildStore.data" @click="window.location.href = '{{ route('home.store.store') }}?id='+item.id">
                                    <img :src="item.logo" alt="">
                                    <span>
                                        <span>@{{item.store_name}}</span>
                                        <span>成交了 <a>@{{item.service}}</a> 个服务</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiperAni">
                    <div style="width:100%;height:100%;position:relative;">
                        <!-- <div id="swiperAni" class="carousel slide" data-ride="carousel" data-interval="5000"> -->
                        <!-- <div id="swiperAni" class="carousel slide" data-interval="5000">
                            <div class="carousel-inner">
                                <div class="item" :class="{active:index==0}" v-for="(item,index) in swiperData">
                                    <a :href="item.link">
                                        <img :src="item.thumb" alt="..."></a>
                                </div>
                            </div>
                        </div> -->
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide" v-for="(item,index) in swiperData">
                                    {{--<a :href="item.link" style="display:block;width:100%;height:100%">--}}
                                        {{--<img :src="item.thumb" alt="..." style="width:100%;height:100%">--}}
                                    {{--</a>--}}
                                    <a v-if="item.target!=2" :href="item.link" target="_blank" style="display:block;width:100%;height:100%">
                                        <img :src="item.thumb" alt="..." style="width:100%;height:100%">
                                    </a>
                                    <a v-else :href="item.link" style="display:block;width:100%;height:100%">
                                        <img :src="item.thumb" alt="..." style="width:100%;height:100%">
                                    </a>
                                </div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="swiperAni_footer" v-if="type == 1">
                            <div class="swiperAni_footer-content">
                                <span class="fabu">10秒发布需求，<span class="fabu" style="color:#FFE431;margin:0">快速匹配服务商</span></span>
                                <input type="text" v-model="mobile" placeholder="请输入手机号码" style="height:40px;width:130px;padding-left:5px">
                                <!-- <button class="free_button" @click=" window.location.href = '{{ route('home.demand.demandAdd') }}'">免费发布</button> -->
                                <button class="free_button" @click="freeFb">免费发布</button>
                                <div class="fabu_QRcode">
                                    <div>
                                        <el-popover placement="top" trigger="hover">
                                            <div class="QR_mess_detail">
                                                <p>扫码进入微信公众号</p>
                                                <p class="QR_mess_detail_2">随时随地发布需求</p>
                                                <img :src="public_code['public_code']">
                                                {{--<img src="{{URL::asset('./img/index/QRcode_2.png')}}">--}}
                                            </div>
                                            <span slot="reference">
                                                <img :src="public_code['public_code']">
                                            </span>
                                        </el-popover>
                                    </div>
                                    <div class="QR_mess">
                                        <a>
                                            <p class="QR_mess_title">进入公众号</p>
                                            <p class="QR_mess_content">随时随地</p>
                                            <p class="QR_mess_content">发布需求</p>
                                        </a>
                                    </div>
                                </div>
                                <span class="swiperAni_guanbi" @click="swiperFooterClose">X</span>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="list_hot">
                    <div class="list_hotTop">
                        <el-card class="box-card list_hotTop-card" shadow="never">
                            <div slot="header" class="clearfix">
                                <img src="{{asset('./img/index/shourm.svg')}}">
                                <span class="list_hotTop-cardTitle">热门活动</span>
                                <span class="list_hotTop-cardMore" @click="window.location.href = '{{ route('home.activity.actList') }}'">
                                查看更多>
                                </span>
                            </div>
                            <div class="list_hotTop_cont" v-for="(item,index) in hotact" :key="index" v-if="index<3" @click=" window.location.href = '{{ route('home.activity.actDetails') }}?cateId='+item.id" style="justify-content: space-between;">
                                <div style="display: flex;align-items: center;max-width: 200px;"><img src="{{asset('./img/index/shouxx.svg')}}" alt="">
                                    <span style="font-family: PingFang SC;">@{{item.title}}</span></div>
                                <p style="font-size:12px;color:#999;width:auto;margin-left:10px">@{{item.start_at}}</p>
                            </div>
                        </el-card>
                    </div>
                    <div class="list_hotbottom">
                        <el-card class="box-card list_hotTop-card" shadow="never">
                            <div slot="header" class="clearfix tabPan">
                                <div :class="hotTitle=='热销商品'?'active':''" @click="hot('热销商品')">
                                    <img src="{{asset('./img/index/shourm.svg')}}">
                                    <span class="list_hotTop-cardTitle">热销商品</span>
                                </div>
                                <div :class="hotTitle=='成交记录'?'active':''" @click="hot('成交记录')">
                                    <img src="{{asset('./img/index/shoucj.svg')}}">
                                    <span class="list_hotTop-cardTitle">成交记录</span>
                                </div>
                            </div>
                            <div class="cjjl" v-show="hotTitle=='成交记录'" style="">

                                <p class="list_hotTop_cont" style="height:40px" v-for="(item,index) in transaction" :key="index" v-if="index < 7">
                                    <img src="{{asset('./img/index/laba.png')}}" alt=""  style="width:10px;height:10px">
                                    <span :title="item.title">@{{item.title}}</span>
                                </p>
                            </div>
                            <div  v-show="hotTitle!='成交记录'" class="sellLikeCont">
                                <div class="cont_box" v-for="(item,index) in hotgoods" :key="index" v-if="index < 3" @click=" window.location.href = '{{ route('home.goods.goodsDetails') }}?goodsId='+item.id">
                                    <img :src="item.thumb">
                                    <div class="item">
                                        <div style="margin-left:9px">
                                            <p class="title">@{{item.title}}</p>
                                            <div class="box_price">
                                                <p class="text">价格 <span>@{{item.price}}元</span> </p>
                                                <p class="text">详情 ></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-card>
                    </div>
                </div>
            </div>

            <div class="content_center">
                <div class="content_floor">
                    <div class="floor_details" v-for="(item,index) in climbs" :id="'fllo_'+index">
                        <div class="floor_header">
                            <div class="floor_header_left">
                                <img :src="item.after_icon" alt="" class="floor_icon">
                                <span class="floor_title">
                                    <span style="color:red;padding-right:5px">@{{index+1}}F </span>
                                    @{{item.name}}
                                    <!-- <p>@{{item.english_name}}</p> -->
                                </span>
                                <p class="floor_tj">热门推荐</p>
                            </div>
                            <span class="floor_mores" @click="window.location.href = '{{ route('home.store.storeList') }}?cid='+item.id">全部 ></span>
                        </div>
                        <div style="display: flex;  position: relative;">
                            <div class="floor_details_left">
                                <div class="floor_child">
                                    <!-- <div class="floor_child-header">
                                        <img :src="item.before_icon" alt="">
                                    </div> -->
                                    <div class="floor_child_details">
                                        <span v-for="(child,ix) in item.children" @click="getStores(item,child.id)" v-if="ix<6">@{{child.name}}</span>
                                        <!-- <span @click="window.location.href = '{{ route('home.store.storeList') }}?cid='+item.id" >查看全部 &nbsp;<img src="{{URL::asset('./img/index/floor_more.png')}}"></span> -->
                                    </div>
                                    <div class="floor_child_adver">
                                        <a v-if="item.adv[0].target!=2" :href="item.adv[0].link" target="_blank">
                                            <img v-if="item.adv[0]" :src="item.adv[0]?item.adv[0].thumb:''" alt="无宣传图">
                                        </a>
                                        <a v-else :href="item.adv[0].link">
                                            <img v-if="item.adv[0]" :src="item.adv[0]?item.adv[0].thumb:''" alt="无宣传图">
                                        </a>
                                    </div>
                                </div>
                            </div>

                            <div class="floor_details_right" :class="{ vertical_details:index==2||index==5||index==8}">
                                <div class="floor_right_details " @click="window.location.href = '{{ route('home.store.store') }}?id='+store.id" v-for="store in item.store">
                                    <div class="right_img">
                                        <img :src="store.logo" alt="">
                                    </div>
                                    <div class="right_details">
                                        <p class="right_company"><span>@{{store.store_name}}</span><img v-if="store.quality==2" src="{{URL::asset('./img/index/storeColloct.svg')}}" /><img v-if="store.hot==2" src="{{URL::asset('./img/index/shourm.svg')}}" /></p>
                                        <div class="right_sc" v-if="index==2||index==5||index==8">
                                            <span class="text">擅长领域</span>
                                            <div class="sc_box">
                                                <p class="text_box" v-for="(item,index) in store.cate_name" :key="index" v-if="index < 2">@{{item.name}}</p>
                                                <p class="text_box" v-if="store.cate_name.length > 2">...</p>
                                            </div>
                                        </div>
                                        <div class="right_sc" v-else>
                                            <span class="text">擅长领域</span>
                                            <p class="text_box" v-for="(item,index) in store.cate_name" :key="index" v-if="index < 2">@{{item.name}}</p>
                                            <p class="text_box" v-if="store.cate_name.length > 2">...</p>
                                        </div>
                                        
                                        <div class="right_mess">
                                            <!-- <a><img src="{{URL::asset('./img/index/floor_tel.png')}}" alt=""><span>@{{store.call}}</span></a>
                                            <a><img src="{{URL::asset('./img/index/floor_look.png')}}" alt=""><span>@{{store.view}}</span></a>
                                            <a><img src="{{URL::asset('./img/index/floor_praise.png')}}" alt=""><span>@{{store.praise}}</span></a> -->
                                            <p style="display: flex;align-items: center;">
                                            <span style="overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 50px;display: inline-block;">浏览 @{{store.view}}</span>
                                            <span style="overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 70px;display: inline-block;">来电咨询 @{{store.call}}</span>
                                            </p>
                                            <span>地址 @{{store.area}} ></span>
                                        </div>
                                        <!-- <p class="right_scope">@{{store.service_scope}}</p> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="Advi_img" v-if="item.adv_center">
                            <a v-if="item.adv_center.target!=2" :href="item.adv_center.link" target="_blank">
                                <img :src="item.adv_center.thumb" alt="">
                            </a>
                            <a v-else :href="item.adv_center.link">
                                <img :src="item.adv_center.thumb" alt="">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="active_floor">
                    <div class="active_Logo">
                        <img src="{{URL::asset('./img/index/logo.png')}}">
                    </div>
                    <div :class="{active:activeId==`fllo_${index}`}" @click="clickActive('fllo_'+index)" v-for="(item,index) in climbs" :class="'fllo_'+index">@{{item.name}}</div>
                </div>

            </div>
            <!-- <div class="advi_swiper">
                <div class="advi_swiper_left">
                    <div v-for="item in advsContent"><img :src="item.thumb" alt=""></div>
                </div>
                <div class="advi_swiper_right">
                    <div>
                        <el-carousel :interval="4000" type="card" arrow="always" height="200px" indicator-position="none">
                            <el-carousel-item v-for="item in hotstore" :key="item">
                                <a :href="item.website"><img :src="item.logo" alt="" style="width:100%;height:100%"></a>
                            </el-carousel-item>
                        </el-carousel>
                    </div>
                </div>
            </div> -->
            <div class="condition">
                <div class="condition_box">
                    <div class="condition_top">
                        <img src="{{URL::asset('./img/index/condition_1.png')}}" alt="">
                        <span class="condition_title">供应商</span>
                        <span class="condition_num">@{{200+numbers.store}}</span>
                    </div>
                        <span class="condition_content" title="精选众多实名认证商家为您服务，用户真实评价帮您放心选择">精选众多实名认证商家为您服务，用户真实评价帮您放心选择</span>
                </div>
                <div class="condition_box">
                    <div class="condition_top">
                        <img src="{{URL::asset('./img/index/condition_2.png')}}" alt="">
                        <span class="condition_title">用户数</span>
                        <span class="condition_num">@{{2000+numbers.user}}</span>
                    </div>
                        <span class="condition_content" title="众多HR/行政从业者云集于此，寻求适合所在公司的最佳人力资源与行政解决方案">众多HR/行政从业者云集于此，寻求适合所在公司的最佳人力资源与行政解决方案</span>
                </div>
                <div class="condition_box">
                    <div class="condition_top">
                        <img src="{{URL::asset('./img/index/condition_3.png')}}" alt="">
                        <span class="condition_title">文档下载</span>
                        <span class="condition_num">@{{2000+numbers.word}}</span>
                    </div>
                        <span class="condition_content" title="精选高质量文档工具，全部免费下载，不可或缺的HR/行政工作助手">精选高质量文档工具，全部免费下载，不可或缺的HR/行政工作助手</span>
                </div>
                <div class="condition_box">
                    <div class="condition_top">
                        <img src="{{URL::asset('./img/index/condition_4.png')}}" alt="">
                        <span class="condition_title">需求市场</span>
                        <span class="condition_num">@{{numbers.demand}}</span>
                    </div>
                        <span class="condition_content" title="一键发布需求，众多商家主动参与，轻松挑选满意方案">一键发布需求，众多商家主动参与，轻松挑选满意方案</span>
                </div>
            </div>
            <div class="foo_advi" v-if="advsBottom[0]">
                {{--:style="{backgroundImage:'url('+advsBottom[0].thumb+')'}"--}}
                <a v-if="advsBottom[0].target!=2" :href="advsBottom[0].link" target="_blank">
                    <img :src="advsBottom[0].thumb" alt="">
                </a>
                <a v-else :href="advsBottom[0].link"><img :src="advsBottom[0].thumb" alt=""></a>
                <!-- <span>说出你的<a>建议，</a></span>
                <span>持续<a style="color:#F28B3C">好礼相送！</a></span>
                <span class="foo_cont">
                    无论是表扬、批评还是吐槽
                    <p>只要是你给的，我们都接受</p>
                </span>
                <button @click="clickMo">我要点评</button> -->
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
    let app = new Vue({
        el: '#app',
        data: function() {
            return {
                noticeTop:0,
                isActive: true,
                timer: null,
                listData: [],
                pageData: null,
                hasData: true, //加载更多开关
                noData: false, //没有数据开关
                loading: false, //加载loading开关
                params: {
                    page: 1,
                    cateid: 0,
                    catepid: 0,
                    position: 1
                },
                tabData: [],
                activeId: "fllo_0",
                swiperData: [],
                listMenu: [],
                listMenuTitle: "",
                listMenuChild: [],
                listMenuChildStore: [],
                hotTitle: "热销商品",
                hotact: [],
                hotgoods: [],
                transaction: [],
                climbs: [],
                stores: [],
                advsTop: [],
                advsBottom: [],
                advsContent: [],
                numbers: [],
                mobile:'',
                type:1,
                public_code:[]
            }
        },
        created() {
            var loginUser = sessionStorage.getItem("HRuserDetails");
            if(loginUser&&loginUser!="[]") {
                this.type = JSON.parse(sessionStorage.getItem("HRuserDetails")).type;
                this.mobile = JSON.parse(sessionStorage.getItem("HRuserDetails")).mobile;
            }else {
                this.mobile = '';
                this.type = 1;
            }
            let sel = {
                id: 1,
                title: "供应商"
            };
            sessionStorage.setItem("seleted", JSON.stringify(sel));
            this.list();
            this.getlistMenu();
            $("#header").css("border-width","0px")
            // 获取底部广告公众二维码
            $.get("{{ route('home.public.config') }}", (res) => {
                this.public_code = res.data || []
            });
        },
        mounted() {
            // let timer = null;
            // let num = 0;
            //
            // timer = setInterval(()=>{
            // // timer(function () {
            //     num++;
            //     $('.cjjl').animate({
            //         marginTop: '-'+num+'px'
            //     }, 200, function () {
            //     // $('.cjjl').css({marginTop:"0"}).find(":first").appendTo($('.cjjl'))
            //     });
            //     if(num == 270) {
            //         num = 0
            //     }
            // // })
            // },200)
            // let timer1 = setInterval("timer()",200);
            // $(".cjjl").mouseenter(function () {
            //     if(timer1){
            //         clearInterval(titimer1mer);
            //         timer1 = null;
            //     }
            // });
            // $(".cjjl").mouseover(function () {
            //     alert('移入');
            // });

        },
        methods: {


            freeFb(){
                if(!this.mobile) return this.$message({
                            message: "请输入您的手机号码",
                            type: 'warning'
                        });
                apiAjax("{{ route('home.public.hrQuickDemandApi')}}", 'post', {
                    mobile: this.mobile
                }, (res) => {
                    if (res.code == 0) {
                        this.$message({
                            message: res.msg,
                            type: 'success'
                        });
                    } else {
                        this.$message({
                            message: res.msg,
                            type: 'warning'
                        });

                    }
                }, (erro) => {

                });
            },
            clickMo() {
                if (sessionStorage.getItem("HRuserDetails")) {
                    if (JSON.parse(sessionStorage.getItem("HRuserDetails")).type == 2) {
                        window.location.href = "{{ route('home.suppliermy.supplierFeedBack') }}";
                    } else if (JSON.parse(sessionStorage.getItem("HRuserDetails")).type == 1) {
                        window.location.href = "{{ route('home.hrmy.hrFeedBack') }}";
                    }
                } else {
                    this.$message({
                        message: "请先登录！",
                        type: 'warning'
                    });
                }
            },
            getlistMenu() {
                $.get("{{ route('home.index.climbs') }}", (res) => {
                    this.climbs = res.data || [];
                    this.stores = [];
                    setTimeout(() => {
                        this.getTop();
                        $(document).ready(() => {
                            $(document).scroll(() => {
                                this.getTop();
                            });
                        });
                    }, 0);

                });
                $.get("{{ route('home.public.advs') }}", {
                    adsense_id: 6
                }, (res) => {
                    this.advsContent = res.data || []
                });
                $.get("{{ route('home.public.advs') }}", {
                    adsense_id: 5
                }, (res) => {
                    this.advsBottom = res.data || []
                });
                $.get("{{ route('home.index.categorys') }}", (res) => {
                    this.listMenu = res.data || []
                    this.listMenu.map(item=>{
                        this.$set(item,'imgShow',true)
                    })
                });
                $.get("{{ route('home.index.banner') }}", (res) => {
                    this.swiperData = res.data || []
                    // $('.carousel').carousel('cycle')
                    this.$nextTick(()=>{
                        var swiper = new Swiper('.swiper-container', {
                            pagination: {
                                el: '.swiper-pagination',
                                clickable: true,
                            },
                            loop: true,
                            autoplay:true,
                            autoplayDisableOnInteraction : false,
                        });
                    })
                });

                $.get("{{ route('home.index.hotact') }}", (res) => {
                    this.hotact = res.data || []
                });
                $.get("{{ route('home.index.numbers') }}", (res) => {
                    this.numbers = res.data || []
                });

                this.hot("热销商品")
            },
            getTop() {
                let topHeight = $(document).scrollTop();
                let clientWidth = document.body.clientWidth;
                let astrictHeight = 650;

                if (document.body.offsetHeight - topHeight < 1200) {
                    $(".active_floor").hide("fast")
                } else {
                    if (topHeight > astrictHeight) {
                        $(".active_floor").slideDown("fast", () => {
                            $(".active_floor").css("display", "grid")
                            $(".active_floor").css("overflow", "inherit");
                        })
                    } else {
                        $(".active_floor").hide("fast")
                    }
                }
                this.climbs.forEach((element, index) => {
                    let offsetTop = $(`#fllo_${index}`).offset().top;
                    if (topHeight >= offsetTop - 120) {
                        this.activeId = `fllo_${index}`;
                    }
                });
            },
            getStores(item, id) {
                {{--// $.get("{{ route('home.index.stores') }}", {--}}
                {{--//     "cid": id--}}
                {{--// }, (res) => {--}}
                {{--//     item.store = res.data || [];--}}
                {{--// });--}}
                window.location.href = "{{ route('home.store.storeList') }}?cid="+item.id+"&cid_id="+id
            },
            clickActive(classId) {
                this.activeId = classId;
                let offsetTop = $(`#${classId}`).offset().top;
                $('html,body').animate({
                    scrollTop: offsetTop - 20 + 'px'
                }, 1000);
            },

            list() {
                let that = this;
                this.hasData = false;
                this.loading = true;
                {{--// $.get("{{ route('home.public.navbars') }}", function(res) {--}}
                {{--//     that.tabData = res.data;--}}
                {{--// })--}}
            },
            info(id) {
                window.location.href = "" + '?id=' + id;
            },
            paginate() {
                this.hasData = false;
                this.list();
            },
            hot(data) {
                this.hotTitle = data;
                if (data == "热销商品") {
                    $.get("{{ route('home.index.hotgoods') }}", (res) => {
                        this.hotgoods = res.data || []
                    });
                } else {
                    $.get("{{ route('home.index.transaction') }}", (res) => {
                        this.transaction = res.data || []
                        setTimeout(function(){
                            $('.cjjl').liMarquee({
                                direction: 'up',
                                scrollamount: 50
                            });
                        },1000);

                    });
                }
            },
            childDetail(item) {
                this.listMenuTitle = item;
                this.listMenuChild = item.children
                this.listMenuChildStore = item.store
                this.listMenu.map(item =>{
                    item.imgShow = true
                })
                item.imgShow = false
                $(".listMenu_child").show();
                $(".listMenu_child").css("display", 'flex')
            },
            hideDetail(item) {
                item.imgShow = true
                // $(".listMenu_child").hide();
            },
            hideDetail2() {
                this.listMenu.map(item =>{
                    item.imgShow = true
                })
                $(".listMenu_child").hide();
            },
            swiperFooterClose() {
                $(".swiperAni_footer").fadeOut();
            },

        }
    });
</script>
@endsection